Security News
NIST Misses 2024 Deadline to Clear NVD Backlog
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
react-kapsule
Advanced tools
A React wrapper for kapsule-style web components.
import fromKapsule from 'react-kapsule';
or using a script tag
<script src="//unpkg.com/react-kapsule"></script>
const myKapsule = Kapsule({
props: {
prop1: {},
prop2: {}
},
...
});
const MyKapsuleComponent = fromKapsule(myKapsule);
ReactDOM.render(
<MyKapsuleComponent
prop1="a value"
prop2="another value"
/>,
myDOMElement
);
const MyComponent = fromKapsule(kapsuleComponent, options);
A React component that includes the methods of the kapsule component available as props.
Any closure based functional component which accepts prop changes as functional methods. Following the spec in reusable charts pattern. Can be conveniently defined using the Kapsule framework.
An object with configuration options that can be used to define the React component. For example:
{
wrapperElementType: 'span'
}
Option | Type | Default | Description |
---|---|---|---|
wrapperElementType | string or React component | 'div' | The type of DOM element used by the underlying React createElement to mount the component. Can be either a tag name string (such as 'div' or 'span' ) or a React component type (a class or a function). |
nodeMapper | function | node => node | A mapping function that allows to convert the DOM node into an object understood by the kapsule component. |
methodNames | array of strings | [] | The list of kapsule component methods that should be available as React component bound methods, instead of direct props. Generally these methods will be called via the component ref , i.e. myComponentRef.current.myMethod(...) . |
initPropNames | array of strings | [] | The list of props that are intended to be passed as configuration options to the kapsule component's instantiation call. Modifying the values of these props after the initial mount of the React component will have no effect. |
FAQs
A React wrapper for Kapsule-style web components
The npm package react-kapsule receives a total of 32,432 weekly downloads. As such, react-kapsule popularity was classified as popular.
We found that react-kapsule demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.